@charset "UTF-8";
@import "reset";
//处理px单位的值，转换为rem单位；
@function r($px) {
    @return $px/100px*1rem;
}

* {
    font-size: 0;
}

.centont {
    padding-top: r(89px);
    padding-bottom: r(96px);
    .centont_text {
        padding: 0 r(28px);
        padding-top: r(42px);
        h3 {
            font-size: r(30px);
        }
        .text_img {
            display: flex;
            justify-content: flex-end;
            >div:first-child {
                img {
                    width: r(21px);
                    height: r(19px);
                }
                span {
                    font-size: r(20px);
                    color: #c5c5c5;
                }
            }
            >div:last-child {
                padding-left: r(44px);
                img {
                    width: r(24px);
                    height: r(14px);
                }
                span {
                    font-size: r(20px);
                    color: #c5c5c5;
                }
            }
        }
        .text_span {
            display: flex;
            justify-content: flex-end;
            span:first-child {
                font-size: r(20px);
                color: #c5c5c5;
            }
            span:last-child {
                font-size: r(20px);
                color: #B20000;
                padding-left: r(17px);
            }
        }
    }
    .article_one {
        padding: 0 r(28px);
        padding-top: r(46px);
        >p {
            font-size: r(20px);
            color: #8b8b8b;
            text-align: justify;
            text-indent: 2em;
        }
        >h3 {
            font-size: r(20px);
            text-indent: 2em;
        }
        >h3:nth-child(2) {
            padding: r(36px) 0;
        }
        >h3:nth-child(4) {
            padding: r(36px) 0;
        }
        >div:nth-child(6) {
            width: r(580px);
            height: r(270px);
            margin-top: r(15px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
        >h3:nth-child(7) {
            padding: r(35px) 0;
        }
        >div:nth-child(11) {
            width: r(580px);
            height: r(145px);
            margin-top: r(24px);
            margin-bottom: r(33px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
        >div:nth-child(18) {
            width: r(580px);
            height: r(256px);
            margin: r(28px) 0;
            >img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .article_two {
        padding: 0 r(28px);
        padding-top: r(46px);
        >p {
            font-size: r(20px);
            color: #8b8b8b;
            text-align: justify;
            padding-top: r(36px);
        }
        >h3 {
            font-size: r(20px);
            padding-top: r(36px);
        }
        >div:first-child {
            width: r(580px);
            height: r(256px);
            margin: r(28px) 0;
            >img {
                width: 100%;
                height: 100%;
            }
        }
        >div:nth-child(8) {
            width: r(580px);
            height: r(170px);
            margin-top: r(28px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
        >div:nth-child(10) {
            width: r(580px);
            height: r(241px);
            margin-top: r(28px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
        >div:nth-child(15) {
            width: r(580px);
            height: r(299px);
            margin-top: r(19px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .article_three {
        padding: 0 r(28px);
        padding-top: r(19px);
        >p {
            font-size: r(20px);
            color: #8b8b8b;
            text-align: justify;
            padding: r(28px) 0;
        }
        >h3 {
            font-size: r(20px);
            padding-top: r(36px);
        }
        >div:first-child {
            width: r(580px);
            height: r(299px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
        >div:last-child {
            width: r(580px);
            height: r(248px);
            margin-bottom: r(52px);
            >img {
                width: 100%;
                height: 100%;
            }
        }
    }
    hr {
        height: r(19px);
        border: none;
        background-color: #efefef;
    }
    .alone {
        display: flex;
        padding: r(30px) r(29px);
        >h4 {
            font-size: r(21px);
            color: #727171;
        }
        >p {
            font-size: r(18px);
            color: #727171;
        }
    }
    .collect {
        padding: r(38px) r(29px) 0 r(29px);
        .collect_img {
            width: r(326px);
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            text-align: center;
            >div {
                >img {
                    width: r(72px);
                    height: r(72px);
                }
                >p {
                    font-size: r(20px);
                    color: #8b8b8b;
                }
            }
        }
        .input_box {
            width: r(583px);
            height: r(193px);
            border: 1px solid #c9c9c9;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: r(50px);
            a {
                u {
                    font-size: r(20px);
                    color: #b20000;
                }
            }
            >p {
                font-size: r(20px);
                color: #8b8b8b;
            }
        }
        .button_box {
            text-align: center;
            margin-top: r(16px);
            >button {
                width: r(395px);
                height: r(53px);
                font-size: r(26px);
                color: white;
                background-color: #b20000;
            }
        }
    }
    .comment_one {
        padding: r(50px) r(29px) 0 r(29px);
        >p {
            font-size: r(18px);
            >u {
                font-size: r(18px);
            }
        }
        >div:nth-child(2) {
            display: flex;
            align-items: center;
            padding-top: r(27px);
            img {
                width: r(49px);
                height: r(49px);
            }
            >span:nth-child(2) {
                font-size: r(18px);
                padding-left: r(13px);
            }
            >span:last-child {
                font-size: r(18px);
                color: #b2b2b2;
                padding-left: r(13px);
            }
        }
        >div:nth-child(3) {
            display: flex;
            justify-content: space-between;
            padding-top: r(13px);
            padding-left: r(13px);
            >p:first-child {
                font-size: r(22px);
            }
            >p:last-child {
                font-size: r(18px);
                color: #b2b2b2;
            }
        }
        >div:nth-child(4) {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding-top: r(19px);
            >p:first-child {
                font-size: r(22px);
            }
            >p:last-child {
                font-size: r(18px);
                color: #b2b2b2;
            }
        }
        .reply {
            >ul {
                width: r(535px);
                background-color: #fafafa;
                margin: 0 auto;
                >li:first-child {
                    height: r(109px);
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding: r(19px) r(27px) r(13px) r(21px);
                    border-bottom: 1px dashed #c9c9c9;
                    >div {
                        display: flex;
                        align-items: center;
                        img {
                            width: r(41px);
                            height: r(41px);
                        }
                        span {
                            font-size: r(18px);
                            padding-left: r(18px);
                        }
                    }
                    >p {
                        font-size: r(18px);
                        color: #b2b2b2;
                        display: flex;
                        justify-content: flex-end;
                    }
                }
                >li:nth-child(2) {
                    height: r(109px);
                    display: flex;
                    flex-direction: column;
                    justify-content: space-between;
                    padding: r(19px) r(27px) r(13px) r(21px);
                    border-bottom: 1px dashed #c9c9c9;
                    >div {
                        display: flex;
                        align-items: center;
                        img {
                            width: r(41px);
                            height: r(41px);
                        }
                        span {
                            font-size: r(18px);
                            padding-left: r(10px);
                        }
                    }
                    >p {
                        font-size: r(18px);
                        color: #b2b2b2;
                        display: flex;
                        justify-content: flex-end;
                    }
                }
                >li:last-child {
                    padding: r(19px) r(27px) 0 r(21px);
                    >div {
                        height: r(72px);
                        border: 1px solid #efefef;
                        margin-top: r(20px);
                        margin-bottom: r(8px);
                        background-color: white;
                        position: relative;
                        >p:first-child {
                            font-size: r(18px);
                        }
                        >p:last-child {
                            font-size: r(12px);
                            color: #b8b8b8;
                            position: absolute;
                            right: 0;
                        }
                    }
                    >button {
                        width: r(174px);
                        height: r(45px);
                        color: white;
                        background-color: #b20000;
                        font-size: r(20px);
                        margin-left: r(312px);
                    }
                }
            }
        }
    }
    .comment_two {
        padding: r(50px) r(29px) 0 r(29px);
        >div:first-child {
            display: flex;
            align-items: center;
            padding-top: r(27px);
            border-top: 1px dashed #C9C9C9;
            img {
                width: r(49px);
                height: r(49px);
            }
            >span:nth-child(2) {
                font-size: r(18px);
                padding-left: r(13px);
            }
            >span:last-child {
                font-size: r(18px);
                color: #b2b2b2;
                padding-left: r(13px);
            }
        }
        >div:nth-child(2) {
            display: flex;
            justify-content: space-between;
            padding-top: r(13px);
            padding-left: r(13px);
            >p:first-child {
                font-size: r(22px);
            }
            >p:last-child {
                font-size: r(18px);
                color: #b2b2b2;
            }
        }
        >div:last-child {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding-top: r(19px);
            >p:first-child {
                font-size: r(18px);
                color: #b2b2b2;
            }
        }
    }
    // 加载更多
    .last_text {
        text-align: center;
        border-top: 1px solid #e6e6e6;
        padding-bottom: r(34px);
        margin-top: r(36px);
        p {
            font-size: r(22px);
            color: #bbbbbb;
            padding-top: r(19px);
        }
    }
}